/**** HOME STYLES START ****/

/* INTRO */

.intro-container
{
margin-left:3px;
}

.intro-box
{
background: ;
color:#000000;

}

.intro-title,
.intro-title:visited,
.intro-title:active
{
color: #232499;
display: block;
font: normal 30px Comic Sans MS;
margin: 0px 0px 10px 0px;
}

.intro-image
{
padding:50px 40px 50px 55px;
background:url(/webfiles/JumpingBeansNZ/layouts/images/2922/intro_bg.jpg) no-repeat center;
}
.intro-image-border
{
border:1px solid #FDF146;
}

.intro-text {}

/* PRIMARY LINKS */

.primary-container
{
}

.primary-box
{
border:0px solid ##Primary Border Color##;
margin: 0px 1px 0px 0px;
}
.primary-title-bg
{
background :#004BAF;
height:35px;
}

a.primary-title,
a.primary-title:visited,
a.primary-title:active
{
color:#FFE734;
display: block;
font:bold 12px Comic Sans MS;
text-align:center;
text-transform:uppercase;
text-decoration:none;
}

.primary-image
{
border: 1px solid #FDF146; 
margin-top:2px;
}

.primary-text
{
padding:3px 3px 3px 5px;
height:80px;
}

.primary-readmore
{
color: #FF0000;
font: bold 10px verdana;
text-decoration:none;
}

/* ACTION LINKS */

.action-container
{
}
.action-box 
{
background:#ff0000;
border:2px solid white;
margin-top:6px;
width:100%;
}

.action-title,
.action-title:active,
.action-title:visited
{
color:#FFFFFF;
display: block;
text-decoration:none;
font:bold 13px arial;
}

.action-image 
{
margin:
}

.action-text 
{
padding:2px 2px 2px 2px;
}

/**** HOME CLASSES END ****/

/*************** THEME STYLES START ****************/

h1,
h1 a
{
	/*background:url(/webfiles/JumpingBeansNZ/layouts/images/h1.gif) no-repeat left;*/
	color: #1f1f82;
	font: bold 18px Verdana;
	margin: 10px 0px 10px 5px;
	padding: 0px 0px 0px 0px;
}

h2{
	background: url(/webfiles/JumpingBeansNZ/layouts/images/2922/theme_header_bg.jpg) no-repeat right #1f1f82;
}

h2,
h2 a
{
	color: #FFFFFF;
	font: bold 13px Verdana;
	margin: 0px 0px 10px 0px;	
	padding: 0px 0px 0px 0px;
}

h2.section-header
{
	background: none;
	font: bold 16px Verdana;
	margin: 8px 0px 0px 0px;
	padding: 0px 0px 0px 1px;
}

h3,
h3 a,
{
	color: #ff0000;
	font: bold 12px Verdana;
	margin: 0px 0px 0px 0px;	
	padding: 0px 0px 0px 0px;
}

a.link-button,
a.link-button:active
{	
	background-color: #ffffff;
	border: 1px solid #ffffff;
	color: #ff0000;
}

.main-image 
{
	border: 2px solid #ffff00;
}

.thumbnail-image
{
	border: 1px solid #ffff00;
}

.image-caption {
	font-size:10px;
	font-weight:bold;
}



.header-box
{
	background-color:##Box Header Color##;
}

table.paragraph-box
{
	background-color:#ffffff;
	border: 1px solid #ffffff;
	padding: 10px 10px 10px 10px;
}

div.dotted
{
	background:url(/webfiles/JumpingBeansNZ/layouts/images/2922/theme_line.jpg) repeat-x;	
}

/**** GENERAL STYLES START ****/	

img
{
border: 0px;
}

a
{
	text-decoration: underline;
	color: #ff0000;
}

a:visited {
	color: #ff4343;
}

a:hover {
	color: #ff6600;
}

/*  LAYOUT STRCUCTURES */

body,td,p,ul,ol,li,dl,dt,dd,menu,dir,blockquote,pre,tt
{
	color: #000000;
	font: 11px Verdana, Arial;
}
body
{
 background: url(/image/layout_bg_img.jpg) repeat-x top #EEF1F8;
}
li.pink
{ list-style-image: url(/image/bullet_jump.gif); }

li.yellow
{ list-style-image: url(/image/bullet_jump_yellow.gif); }

li.blue
{ list-style-image: url(/image/bullet_jump_blue.gif); }

li.green
{ list-style-image: url(/image/bullet_jump_green.gif); }

li.red
{ list-style-image: url(/image/bullet_jump_red.gif); }

div#overall-container /* overall-body encompasses the header, body, and footer */
{
	background: #FFFFFF;
	border:1px solid black;
	margin-top:10px;
	width: 900px;
} 

div#header-container
{
	background: url(/image/layout_header_right.jpg) no-repeat right #FDF146;
}

.body-container /* body container only includes the content and not the left nav*/
{
	background: #FFFFFF /*url(/webfiles/JumpingBeansNZ/layouts/images/bg-main.gif)*/;
	padding: 0px 0px 0px 0px; /* the padding here is commonly used to create margins around the content*/
}

.internal
{
padding: 0px 0px 0px 10px;
}

.body-section-a
{
}

.body-section-b
{
}

/**** GENERAL STYLES END ****/

/**** TOP NAV STYLES START ****/	

div#tn-container 
{
background: /*url(/webfiles/JumpingBeansNZ/layouts/images/2922/layout_topnav_background.jpg) no-repeat left*/ #004BAF;
text-align:Left;
border-top:1px solid black;
border-bottom:1px solid black;
}

table#topnav 
{
/*width:100%;*/
}

td#tn-left 
{
width:158px;
}

td#tn-right 
{
border-top: 1px solid #FFFFFF;
}

div#tn-bottom 
{
}

/* TOP NAV STANDARD LINKS */

td.tn-link-std,
td.tn-selected-std {
}

td.tn-link-std a,
td.tn-link-std a:visited,
td.tn-link-std a:active,
td.tn-selected-std a,
td.tn-selected-std a:active,
td.tn-selected-std a:visited 
{
	color: #FDF146;
	display: block;
	font: bold 11px Comic Sans MS;
	padding: 5px 7px 0px 7px;
	height:18px;
	text-align:center;
	text-transform: none;
	text-decoration: none;
	text-transform : uppercase;
}

td.tn-selected-std a,
td.tn-selected-std a:visited, 
td.tn-link-std a:hover,
td.tn-selected-std a:hover 
{
	color: #FFFFFF  ! important;
	text-decoration: none;
	background:#0048AF;
}


/* DROP DOWN STYLES */

div.menu div.options 
{	
	margin: 0px 1px 0px 1px;
	border:1px solid #dddddd;
	background-color:#004BAF;
}

div.options,
div.options a,	
div.options a:visited,
div.options a:active
{
	background-color:transparent;
	border-bottom: 1px solid #dddddd;
	color:#FDF146;
	display:block;
	font:bold 10px Comic Sans MS;
	padding: 6px 3px 6px 3px;
	text-decoration:none;
}

div.options a:hover 
{
	color:#FFFFFF;
}


/**** TOP NAV STYLES END ****/

/**** LEFT NAV STYLES START ****/

td#ln-container
{
	background: #004BAF;
	border-right: 0px solid #004CB2;
	width: 156px;
}

table#leftnav
{
	width: 100%;
}	

td#ln-top 
{
}
	
td#ln-middle 
{
	
}

td#ln-bottom 
{
}

/* LEFT NAV STARNDARD LINKS */

a.ln-link-std,
a.ln-selected-std,
a.ln-link-std:active,
a.ln-selected-std:active,
a.ln-link-std:visited,
a.ln-selected-std:visited
{
	background: url(/image/leftnav_bg.jpg) repeat-y top right #004CB2;
	border-right: 0px solid #004CB2;
	color: #FDF146;
	display: block; /* "block" is used to make top and bottom padding work on A tags*/
	font: Bold 11px Comic Sans MS;
	padding: 4px 18px 4px 10px;
	text-align:right; /* by default this A tag will center the text */
	text-transform : uppercase;
	text-decoration: none;
	height: 100%;
}

a.ln-selected-std,
a.ln-link-std:hover,
a.ln-selected-std:hover 
{
	background: #FDF146 url(/image/leftnav_bg.jpg) repeat-y top right  !important;
	color: #004CB2 !important;
}

/* LEFT NAV SUB LINKS */


a.ln-link-sub,
a.ln-selected-sub,
a.ln-link-sub:active,
a.ln-selected-sub:active,
a.ln-link-sub:visited,
a.ln-selected-sub:visited
{
	background: #004CB2;
	border-right: 0px solid #004CB2;
	color: #FDF146;
	display: block; /* "block" is used to make top and bottom padding work on A tags*/
	font: normal 11px arial;
	padding: 4px 18px 4px 10px;
	text-align:right; /* by default this A tag will center the text */
	text-decoration: none;
}

a.ln-selected-sub,
a.ln-link-sub:hover,
a.ln-selected-sub:hover 
{
	font: normal 11px arial;
	color: #FFFFFF !important;
}

/**** LEFT NAV STYLES END ****/

/**** FOOTER STYLES START ****/

div#footer-container
{
	background: #014CB2;
	border-top: 1px solid #999999;
	padding: 30px 0px 30px 0px;
	text-align: center;
}

div#footer-container,
div#footer-container span.spacer,
div#footer-container a,
div#footer-container a:active,
div#footer-container a:visited
{
	color: #FFFFFF;
	font: 10px Verdana;
}

div#footer-container a {
	text-decoration: underline;
}

div#footer-container span.spacer
{
	padding:0px 10px;
}

/**** FOOTER STYLES END ****/

/**** BODY STYLES START ****/

.back
{
	font-weight:bold;
	text-decoration:none;
}

.main-image {
	border: 2px solid #ffff00;
}

.thumbnail-image
{
	border: 1px solid #ffff00;
}

.image-caption 
{
font: bold 10px;
}

.print-page-break 
{
	page-break-Before: always;
}


/* DEVELOPMNET STYLES */

table.productlist
{
	width: 100%;
}

.list-table 
{
}

.list-header 
{
background-color:#CCCCCC;
}

.list-row 
{
border-top:1px solid #cccccc
}

table.productlist td
{
	border-bottom:1px solid #cecfce;
	font: 10px Verdana;
	text-align: center;
}

table.productlist th
{
	font: bold 12px Arial;
	background-color: #cecfce;
	text-align: center;
}



table.tabcontainer {
	
}

td.tab-standard {
	background-color: #E3ECF4;
	background-position: bottom center;
	background-repeat: no-repeat;
	height: 15px;
	text-align: center;
	border-right: 5px solid #FFFFFF;
	padding: 4px 2px 2px 2px;
}

td.tab-selected {
	background-color: #4B87C3;
	background-position: bottom center;
	background-repeat: no-repeat;
	height: 15px;
	text-align: center;
	border-right: 5px solid #FFFFFF;
	padding: 4px 2px 2px 2px;
}

a.tab-link {
	color: #18528D;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	font-family: arial;
	width:100%;	
}

td.tab-selected a.tab-link,
td.tab-selected a.tab-link:visited {
	color:#ffffff;
}

a.tab-link:active,
a.tab-link:visited {
	color: #18528D;
}

a.tab-link:hover {
	color: #18528D;
	text-decoration: underline;
}

table.timescontainer {
	border:1px solid #4B87C3;
}


.franchisee-select-header
{
	font-weight:bold;
	font-size: 11px;
	font-family: arial;
	color: #FFFFFF;
	margin: 0px 5px 0px 2px;
}
.franchisee-select
{
	width:150px;
	font-size: 11px;
	font-family: arial;
	margin: 0px 5px 5px 7px;	
}

div.bigstart
{
    font-size:4;
}

/**** BODY STYLES END ****/
